<header class="topbar">
  <nav class="navbar top-navbar navbar-expand-md navbar-light">

    {:config("site.topbar.logo")?widget("topbar/logo"):""}

    <div class="navbar-collapse">
      <!-- toggle and nav items -->
      <ul class="navbar-nav mr-auto mt-md-0">

        <li class="nav-item">
          <a class="nav-link nav-toggler hidden-md-up text-muted waves-effect waves-dark" href="javascript:void(0)">
            <i class="mdi mdi-menu"></i>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link sidebartoggler hidden-sm-down text-muted waves-effect waves-dark" href="javascript:void(0)">
            <i class="ti-menu"></i>
          </a>
        </li>

        <!-- Search -->
        {:config("site.topbar.search")?widget("topbar/search"):""}

        <!-- panel -->
        {:config("site.topbar.panel")?widget("topbar/panel"):""}

      </ul>
      <!-- User profile and search -->
      <ul class="navbar-nav my-lg-0">
        <!-- Comment -->
        {:config("site.topbar.comment")?widget("topbar/comment"):""}

        <!-- Messages -->
        {:config("site.topbar.message")?widget("topbar/message"):""}

        <!-- Profile -->
        {:config("site.topbar.profile")?widget("user/profile_top"):""}


        <!-- Language -->
        {:config("site.topbar.language")?widget("topbar/language"):""}

      </ul>
    </div>
  </nav>
</header>
